.zhibox {
    width: 100%;
}

.zhiboxtop {
    width: 100%;
}
.zhiboxtopleft {
    display: flex;
    margin-left: 10px;
    justify-content: space-around;
    align-items: center;
}
.zhiboxtopleft img{
    border-radius: 50%;
}

.zhiimage {
    width: 73px;
    height: 8vh;
}

.zhiboxbottom {
    width: 100%;
    display: flex;
}

.zhibottleft {
    width: 93px;
    height: 70px;
    float: left;
    margin-left: 52px;
    margin-top: 10px;
}

.zhibottcenter {
    width: 93px;
    height: 70px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}


.zhibottmright {
    width: 93px;
    height: 70px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.zhisapan {
    font-size: 30px;
    color: #000;
}



.midd-box{
    height: 20%;
    display: flex;
    justify-content: space-around;
}
.zhimideetop{
    width: 100%;
    height: 10%;
}

.zhiHe{
    margin-top: 2%;
     font-size: 20px;
}

.zhimideebottom{
    width: 100%;
    height: 40%;
    display: flex;
    flex-wrap: wrap;
    padding: 2%;
}
.little-img{
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: space-around;
}
.little-img img{
     width: 90%;
    height: 85%;
    padding: 2%;
}
.title-flex{

    display: flex;
    justify-content: space-between;
    align-items: center;
}
